<style type="text/css">
	.carousel-caption h3,.carousel-caption p {color:#{get(slide_text_color)};}
	.carousel-indicators li {border: 1px solid #{get(slide_btn_color)};}
	.carousel-indicators .active {border: 1px solid #{get(slide_btn_hover_color)};background-color: #{get(slide_btn_hover_color)};}
	.btn-primary {color: #{get(slide_btn_text_color)};
    background-color: #{get(slide_btn_hover_color)};
    border-color: #{get(slide_btn_hover_color)};}
</style>
 
 
 <div id="myCarousel" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
 {if get('slide_number')=='1'}
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
{elseif get('slide_number')=='2'}
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
{elseif get('slide_number')=='3'}
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
{elseif get('slide_number')=='4'}
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
		<li data-target="#myCarousel" data-slide-to="3"></li>
{else}
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
		<li data-target="#myCarousel" data-slide-to="3"></li>
		<li data-target="#myCarousel" data-slide-to="4"></li>
 {/if}
      </ol>
      <div class="carousel-inner" role="listbox">

 {if get('slide_number')=='1'}
 <div class="item active">
          <img class="first-slide" src="{get(slide_pic1)}" alt="{get(slide_pic1_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic1_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic1_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic1_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>
 {elseif get('slide_number')=='2'}
<div class="item active">
          <img class="first-slide" src="{get(slide_pic1)}" alt="{get(slide_pic1_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic1_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic1_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic1_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

        <div class="item">
          <img class="first-slide" src="{get(slide_pic2)}" alt="{get(slide_pic2_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic2_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic2_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic2_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>
 {elseif get('slide_number')=='3'}
<div class="item active">
          <img class="first-slide" src="{get(slide_pic1)}" alt="{get(slide_pic1_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic1_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic1_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic1_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

        <div class="item">
          <img class="first-slide" src="{get(slide_pic2)}" alt="{get(slide_pic2_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic2_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic2_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic2_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

        <div class="item">
         <img class="first-slide" src="{get(slide_pic3)}" alt="{get(slide_pic3_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic3_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic3_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic3_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>
 {elseif get('slide_number')=='4'}
 <div class="item active">
          <img class="first-slide" src="{get(slide_pic1)}" alt="{get(slide_pic1_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic1_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic1_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic1_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

        <div class="item">
          <img class="first-slide" src="{get(slide_pic2)}" alt="{get(slide_pic2_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic2_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic2_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic2_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

        <div class="item">
         <img class="first-slide" src="{get(slide_pic3)}" alt="{get(slide_pic3_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic3_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic3_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic3_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

<div class="item">
        <img class="first-slide" src="{get(slide_pic4)}" alt="{get(slide_pic4_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic4_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic4_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic4_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>
{else}
 <div class="item active">
          <img class="first-slide" src="{get(slide_pic1)}" alt="{get(slide_pic1_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic1_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic1_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic1_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

        <div class="item">
          <img class="first-slide" src="{get(slide_pic2)}" alt="{get(slide_pic2_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic2_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic2_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic2_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

        <div class="item">
         <img class="first-slide" src="{get(slide_pic3)}" alt="{get(slide_pic3_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic3_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic3_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic3_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

<div class="item">
        <img class="first-slide" src="{get(slide_pic4)}" alt="{get(slide_pic4_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic4_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic4_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic4_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>

		<div class="item">
         <img class="first-slide" src="{get(slide_pic5)}" alt="{get(slide_pic5_title)}">
          <div class="container">
            <div class="carousel-caption">
              <h3 class="wow bounceInDown" data-wow-delay="0.5s">{get(slide_pic5_title)}</h3>
              <p class="wow bounceIn" data-wow-delay="0.5s">{get(slide_pic5_info)}</p>
              <p class="wow bounceIn" data-wow-delay="0.5s"><a class="btn btn-lg btn-primary" href="{get(slide_pic5_url)}" role="button">{lang(more)}</a></p>
            </div>
          </div>
        </div>
 {/if}
       

      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
      </a>
    </div><!-- /.carousel -->



<!-- Large modal -->

